﻿@{
    ViewBag.Title = "Hotelucho - Ver Reserva";
}
<script src="../../Scripts/jspdf.js"></script>
<script src="../../Scripts/jspdf.plugin.split_text_to_size.js"></script>
<script src="../../Scripts/jspdf.plugin.standard_fonts_metrics.js"></script>
<script src="../../Scripts/jspdf.plugin.from_html.js"></script>
<h3>Datos de su reserva</h3>
<div id="datosReserva" style="border:solid; padding:10px; width:35%;">
    <div>
        <h3><b>Codigo de su Reserva: </b>@Model.CodigoReserva</h3>
    </div>
    <br />
    <div>
        <p><b>Fecha de Ingreso: </b>@Model.FechaIngreso.ToString("dd/MM/yyyy")</p>
        <p><b>Fecha de Salida: </b>@Model.FechaEgreso.ToString("dd/MM/yyyy")</p>
    </div>
    <br />
    <div>
        <h4><b>Tipo de habitacion</b></h4>
        <p><b>@Model.Categoria.Nombre</b></p>
        <p>@Model.Categoria.Descripcion</p>
        <p><b>Precio por dia: </b>$ @Model.Categoria.Precio</p>
    </div>
    <br />
    <h4><b>TOTAL</b></h4>
    <b>$ @(((Model.FechaEgreso - Model.FechaIngreso).TotalDays) * Model.Categoria.Precio)</b>
</div>
<br />
<a id="run" href="javascript:reservaPdf()" class="btn btn-primary">Descargar PDF</a>

<script>
    function reservaPdf() {
        var doc = new jsPDF();

        // We'll make our own renderer to skip this editor
        var specialElementHandlers = {
            '#run': function (element, renderer) {
                return true;
            }
        };

        // All units are in the set measurement for the document
        // This can be changed to "pt" (points), "mm" (Default), "cm", "in"
        doc.fromHTML($('#datosReserva').get(0), 15, 15, {
            'width': 170,
            'elementHandlers': specialElementHandlers
        });
        doc.output('dataurlnewwindow');
    }
</script>